<template name="nav">
  <nav>
      <div class="nav-ctner">
        2HELP
      </div>
  </nav>
</template>
<template name="mainSection">
  {{>nav}}
  <div class="content-container">
    {{>navMenu}}
    {{>main}}
  </div>

</template>
<template name="navMenu">
  <div class="nav-menu">
    <div class="card-ctner margin-10">
      {{#if currentUser }}
        <a href="/logout">退出</a>
      {{else}}
        <a href="/signin">登录</a> ｜ <a href="/join">注册</a>
      {{/if}}
    </div>
  </div>
</template>

<template name="details">
  {{>nav}}
  <div class="content-container">
    {{>navMenu}}
    {{>detail}}
  </div>
</template>
<template name="detail">
  <div class="main">
    <section class="card-ctner detail">
      <div class="margin-10 border-bottom">
        <a class="arrow" href="#">2HELP</a> <span  class="chevron">&nbsp;›&nbsp;</span> <i class="fa fa-angle-right"></i>
        <a class="arrow" href="#">合租房</a>
        <br><br>
        <H1 class="">
          开源个类似网易云音乐 iOS 端的音乐频谱标识的动画效果
        </H1>
        <p class="label-tags">
          <a class="tag-item" href="/交易">交易</a>
          <span>&nbsp;•&nbsp;</span>
          <a class="user" href="/#">苏伟明</a>
          <span > &nbsp;•&nbsp; 1 小时 28 分钟前 &nbsp;•&nbsp; 最后回复来自 </span>
          <a class="user" href="/#">苏伟明</a>
        </p>

      </div>
      <div class="margin-10 item">
        <br>
      </div>
    </section>
  </div>

</template>
